#{extends 'main.html' /} #{set title:'Übersicht' /}
<div id="main" class="span-24 last">

	<div id="padded_box_10" class="span-24 last">
		<h3>&Uuml;bersicht</h3>
	</div>
<div class="span-24 last">
	<div id="padded_box_10" class="span-11 last">
		<img align="right" class="picture_overlay"
			src="../public/images/restaurant-pics/restaurant${appointment.restaurant.id}.jpg"
			width="400px" height="200px"></img>
	</div>
	<div id="padded_box_10" class="span-11 last">
		<h3>
			${appointment.restaurant.name} <img
				src="../public/images/sterne4.png" alt="sterne" />
		</h3>


		Kategorie: ${appointment.restaurant.category}<br> Adresse:
		${appointment.restaurant.address.street},
		${appointment.restaurant.address.zip}
		${appointment.restaurant.address.city}<br> Telefon:
		${appointment.restaurant.address.phone}<br>
		<div class="txt_normal_bold">
			<br>Datum: ${appointment.date} <br>Uhrzeit:
			${appointment.time}
		</div>
		<br>Nachricht an Ihre Freunde: ${appointment.comment}
	</div>
	<div id="padded_box_10" class="span-11 last">
		<h3>Teilnehmer</h3>
		#{if invites} #{list items:invites, as:'invite'}
		<div class="span-5 last">
			<div class="span-1 last">
				<img src="../../public/images/unknown_person.png" height="30" />
			</div>
			<div class="span-4 last">
				<div class="txt_black_bold">${invite.invitee.firstName}
					${invite.invitee.lastName}</div>
				${invite.invitee.email}
			</div>
		</div>
		#{/list} #{/if}
	</div>

	<div id="padded_box_10" class="span-11 last">
		<table class="mealsList">
			#{if invite.order} #{list items:invite.order.meals, as:'meal'}
			<tr class="tableRow">
				<td><input type="checkbox" value="${meal.id}" name="meal_list"
					onClick="getTotalPrice(this,${meal.price})" /></td>
				<td>${meal.title}</td>
				<td>${meal.category}</td>
				<td>${meal.description}</td>
				<td>&#8364 ${meal.price}</td>
			</tr>

			#{/list}
		</table>
	</div>

	#{/if}

</div>
<div id="padded_box_10" class="span-22 last">
			#{if meals}
			<h3>Ihre Bestellung:</h3>
			<table class="mealsList">
				#{list items:meals, as:'meal'}
				<tr class="tableRow">
					<td>${meal.title}</td>
					<td>${meal.category}</td>
					<td>${meal.description}</td>
					<td>&#8364 ${meal.price}</td>
				</tr>
				#{/list}
			</table>
			#{/if}
		</div>
</div>